<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>添加用户 - H-ui.admin v3.1</title>
<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form-member-add">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>用户名：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="customerName" name="customerName">
				<input type="hidden" class="input-text" value="" id="customerInfId" name="customerInfId">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>真实姓名：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="realName" name="realName">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<div class="radio-box">
					<input type="radio" name="gender" value="1" id="lady">
					<label for="lady">女</label>
				</div>
				<div class="radio-box">
					<input type="radio" name="gender" value="2" id="man">
					<label for="man">男</label>
				</div>
				<div class="radio-box">
					<input type="radio" name="gender" value="0" id="unknown">
					<label for="unknown">保密</label>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>证件类型：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select class="select" size="1" name="identyCardType" id="identyCardType">
					<option value="" selected>请选择证件类型</option>
					<option value="1">身份证</option>
					<option value="2">军官证</option>
					<option value="3">护照</option>
				</select>
				</span> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>证件号码：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="identyCardNo" name="identyCardNo">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">生日：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" name="birthday" id="birthday">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机号：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="userMobile" name="userMobile">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">邮箱：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" placeholder="@" name="email" id="email">
			</div>
		</div>
<!--		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">附件：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">
				<input class="input-text upload-url" type="text" name="uploadfile" id="uploadfile" readonly nullmsg="请添加附件！" style="width:200px">
				<a href="javascript:void();" class="btn btn-primary radius upload-btn"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</a>
				<input type="file" multiple name="file-2" class="input-file">
				</span> </div>
		</div>-->
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">所在城市：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select class="select" id="city" name="city">
					<option value="" selected>请选择城市</option>
				</select>
				</span> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">备注：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<!--onKeyUp="$.Huitextarealength(this,100)"-->
				<textarea name="remark" id="remark" cols="" rows="" class="textarea"  placeholder="说点什么...最少输入10个字符" ></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
$(function(){
	initCityInfo();
	$("#man").prop('checked',true);
	var customerInfId = getParamForUrl("customerInfId");
	if(customerInfId != "" && customerInfId != undefined && customerInfId != "undefined"){
		initInfo(customerInfId);
	}

	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	$("#form-member-add").validate({
		rules:{
			customerName:{
				required:true,
				minlength:2,
				maxlength:16
			},
			realName:{
				required:true,
				minlength:2,
				maxlength:16
			},
			gender:{
				required:true,
			},
			identyCardType:{
				required:true,
			},
			identyCardNo:{
				required:true,
				minlength:2,
				maxlength:21,
				isIdCardNo:true
			},
			userMobile:{
				required:true,
				isMobile:true,
			},
			email:{
				required:true,
				email:true,
			}
			
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			var index = parent.layer.getFrameIndex(window.name);
			$(form).ajaxSubmit({
				type: 'post',
				url: '../memberApi/saveMember.do',
				async:true,
				data:{
					params:JSON.stringify($(form).serializeObject())
				},
				success:function(data){
					if(data.respData.respCode == 10000){
						if(data.respData.result == 1){
							layer.msg('信息保存成功!',{icon: 6,time:2000});
							parent.location.href = 'member-list.html';
							parent.layer.close(index);
							// parent.$('.btn-refresh').click();
						}else{
							layer.msg('信息保存失败!',{icon: 6,time:2000});
						}

					}else{
						layer.msg(data.respData.respMsg,{icon: 6,time:2000});
						// parent.location.reload();
						// parent.$('.btn-refresh').click();
					}
				},
				error:function(data){
					layer.msg('服务异常，请联系管理员处理!',{icon: 6,time:3000});
					// parent.layer.close(index);
				}
			});
		}
	});
});
//初始化表单数据
function initInfo(customerInfId){
	var service = {};
	service.customerInfId = customerInfId;
	$.ajax({
		type: 'post',
		url: '../memberApi/queryMembersById.do',
		async:false,
		data:{
			params:JSON.stringify(service)
		},
		success:function(data){
			if(data.respData.respCode == 10000){
				var customerInfo = data.respData.result;
				$("#customerInfId").val(customerInfo.customerInfId);
				$("#customerName").val(customerInfo.customerName);
				$("#realName").val(customerInfo.realName);
				$("#email").val(customerInfo.email);
				$("#birthday").val(customerInfo.birthday);
				$("#userMobile").val(customerInfo.userMobile);
				$("#city").val(customerInfo.cityCode);
				$("#identyCardType").val(customerInfo.identyCardType);
				$("#identyCardNo").val(customerInfo.identyCardNo);
				$("#remark").val(customerInfo.remark);
				if(customerInfo.gender == 1){
					$("#lady").prop('checked',true);
					$("#man").prop("checked",false);
					$("#unknown").prop("checked",false);
				}else if(customerInfo.gender == 2){
					$("#man").prop('checked',true);
					$("#lady").prop("checked",false);
					$("#unknown").prop("checked",false);
				}else {
					$("#unknown").prop('checked',true);
					$("#man").prop('checked',false);
					$("#lady").prop("checked",false);
				}

			}else{
				layer.msg('未查询到数据!',{icon: 6,time:2000});
			}
		},
		error:function(data){
			layer.msg('服务异常，请联系管理员处理!',{icon: 6,time:3000});
		}
	});
}
//初始化城市下拉列表信息
function initCityInfo(){
	$.ajax({
		type: 'post',
		url: '../sysConfigApi/queryAllCity.do',
		async:false,
		success:function(data){
			if(data.respData.respCode == 10000){
				var cityList = data.respData.result;
				if(cityList != undefined){
					for(var i=0;i<cityList.length;i++){
						jQuery("#city").append("<option value='" + cityList[i].cityCode + "'>" + cityList[i].cityName + "</option>");
					}
				}
			}else{
				layer.msg('未查询到数据!',{icon: 6,time:2000});
			}
		},
		error:function(data){
			layer.msg('服务异常，请联系管理员处理!',{icon: 6,time:3000});
		}
	});
}

$.fn.serializeObject = function() {
	var o = {};
	var a = this.serializeArray();
	$.each(a, function() {
		if (o[this.name]) {
			if (!o[this.name].push) {
				o[this.name] = [o[this.name]];
			}
			o[this.name].push(this.value || '');
		} else {
			o[this.name] = this.value || '';
		}
	});
	return o;
};

function getParamForUrl(param) {
	var url = location.href;
	var i=url.indexOf('?');
	if(i==-1)return;
	var querystr=url.substr(i+1);
	var arr1=querystr.split('&');
	var arr2 = new Object();
	for  (i in arr1){
		var ta=arr1[i].split('=');
		arr2[ta[0]]=ta[1];
	}
	return arr2[param];
}

</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>